<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index2.css">
    <link rel="stylesheet" href="./css/swiper-3.4.2.min.css">
</head>

<body>
    <header>
        <section class="phone">
            <img src="./img/B卷主页面效果_01.png" alt="">
        </section>
        <section class="new">
            <img src="./img/B卷主页面效果_04.png" alt="">
            <img src="./img/B卷主页面效果_06.png" alt="">
            <img src="./img/B卷主页面效果_08.png" alt="">
            <img src="./img/B卷主页面效果_10.png" alt="">
        </section>
        <section class="seach">
            <img src="./img/B卷主页面效果_03.png" alt="">
            <input type="text" placeholder="会员盛典 定金抵千元">
        </section>
        <section class="nav" id="header-nav">
            <ul>
                <li>热点</li>
                <li>电器</li>
                <li>母婴</li>
                <li>美妆</li>
                <li>手机</li>
                <li>电脑办公</li>
                <li>时尚服饰</li>
                <li>美妆</li>
                <li>手机</li>
                <li>电脑办公</li>
                <li>时尚服饰</li>
            </ul>
        </section>
        <img src="./img/B卷主页面效果_11_03.png" alt="">
    </header>
    <main id="box">
        <section class="wrap">
            <section class="banner">
                <section class="swiper-container" id="banner">
                    <section class="swiper-wrapper">
                        <section class="swiper-slide">
                            <img src="./img/banner1.png" alt="">
                        </section>
                        <section class="swiper-slide">
                            <img src="./img/banner3.jpg" alt="">
                        </section>
                        <section class="swiper-slide">
                            <img src="./img/banner4.jpg" alt="">
                        </section>
                    </section>
                </section>
            </section>
            <section class="nav">
                <ul>
                    <li>
                        <img src="./img/B卷主页面效果_33.jpg" alt="">
                        <p>天天低价</p>
                    </li>
                    <li>
                        <img src="./img/B卷主页面效果_33.jpg" alt="">
                        <p>天天低价</p>
                    </li>
                    <li>
                        <img src="./img/B卷主页面效果_33.jpg" alt="">
                        <p>天天低价</p>
                    </li>
                    <li>
                        <img src="./img/B卷主页面效果_33.jpg" alt="">
                        <p>天天低价</p>
                    </li>
                    <li>
                        <img src="./img/B卷主页面效果_33.jpg" alt="">
                        <p>天天低价</p>
                    </li>
                    <li>
                        <img src="./img/B卷主页面效果_33.jpg" alt="">
                        <p>天天低价</p>
                    </li>
                    <li>
                        <img src="./img/B卷主页面效果_33.jpg" alt="">
                        <p>天天低价</p>
                    </li>
                    <li>
                        <img src="./img/B卷主页面效果_33.jpg" alt="">
                        <p>天天低价</p>
                    </li>
                    <li>
                        <img src="./img/B卷主页面效果_33.jpg" alt="">
                        <p>天天低价</p>
                    </li>
                    <li>
                        <img src="./img/B卷主页面效果_33.jpg" alt="">
                        <p>天天低价</p>
                    </li>
                </ul>
            </section>
            <section class="images">
                <img src="./img/B卷主页面效果_64.jpg" alt="">
            </section>
        </section>
    </main>
    <footer>
        <ul>
            <li>
                <img src="./img/B卷主页面效果_76.jpg" alt="">
                <p>猜你喜欢</p>
            </li>
            <li>
                <img src="./img/B卷主页面效果_73.jpg" alt="">
                <p>分类</p>
            </li>
            <li>
                <img src="./img/B卷主页面效果_70.jpg" alt="">
                <p>榴莲社区</p>
            </li>
            <li>
                <img src="./img/B卷主页面效果_79.jpg" alt="">
                <p>购物车</p>
            </li>
            <li>
                <img src="./img/B卷主页面效果_67.jpg" alt="">
                <p>我的易购</p>
            </li>
        </ul>
    </footer>
</body>
<script src="./js/iscroll-probe.js"></script>
<script src="./js/zepto-1.1.6.min.js"></script>
<script src="./js/swiper-3.4.2.min.js"></script>
<script src="./js/index2.js"></script>

</html>